3 * https://www.mediawiki.org/wiki/OOUI
5 * Copyright 2011–2019 OOUI Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
9 * Date: 2019-04-04T19:10:54Z
13 background: transparent
;
16 -webkit-box-sizing: border-box
;
17 -moz-box-sizing: border-box
;
18 box-sizing: border-box
;
20 .oo-ui-window-content {
28 .oo-ui-window-content:focus {
33 -webkit-touch-callout: none
;
34 -webkit-user-select: none
;
35 -moz-user-select: none
;
36 -ms-user-select: none
;
44 .oo-ui-window-overlay {
51 .oo-ui-dialog-content
> .oo-ui-window-head
,
52 .oo-ui-dialog-content
> .oo-ui-window-body
,
53 .oo-ui-dialog-content > .oo-ui-window-foot {
57 -webkit-box-sizing: border-box
;
58 -moz-box-sizing: border-box
;
59 box-sizing: border-box
;
61 .oo-ui-dialog-content > .oo-ui-window-head {
66 .oo-ui-dialog-content > .oo-ui-window-body {
68 -webkit-overflow-scrolling: touch
;
73 .oo-ui-dialog-content > .oo-ui-window-foot {
78 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
82 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
85 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
90 .oo-ui-messageDialog-actions-horizontal {
95 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
99 .oo-ui-messageDialog-actions-vertical {
102 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
105 text-overflow: ellipsis
;
107 .oo-ui-messageDialog-content > .oo-ui-window-foot {
108 outline: 1px solid
#a2a9b1;
110 .oo-ui-messageDialog-title
,
111 .oo-ui-messageDialog-message {
113 line-height: 1.42857143em;
116 .oo-ui-messageDialog-title {
120 .oo-ui-messageDialog-message {
125 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
126 min-height: 2.85714286em;
129 .oo-ui-messageDialog-actions .oo-ui-actionWidget:last-child {
132 .oo-ui-messageDialog-actions .oo-ui-actionWidget:first-child {
135 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
140 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
141 line-height: 2.85714286em;
144 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button:active {
145 background-color: rgba
(8, 126, 204, 0.1);
147 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:active {
148 background-color: rgba
(212, 83, 83, 0.1);
150 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
151 border-right: 1px solid
#a2a9b1;
154 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:first-child > .oo-ui-buttonElement-button {
155 border-radius: 0 0 0 2px;
157 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
158 border-right-width: 0;
160 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button {
161 border-radius: 0 0 2px 0;
163 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:only-child > .oo-ui-buttonElement-button {
164 border-radius: 0 0 2px 2px;
166 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
167 border-bottom: 1px solid
#a2a9b1;
170 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
171 border-bottom-width: 0;
173 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button {
174 border-radius: 0 0 2px 2px;
177 .oo-ui-processDialog-location {
179 text-overflow: ellipsis
;
182 .oo-ui-processDialog-title {
186 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
,
187 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
,
188 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
191 .oo-ui-processDialog-actions-safe
,
192 .oo-ui-processDialog-actions-primary {
197 .oo-ui-processDialog-actions-safe {
200 .oo-ui-processDialog-actions-primary {
203 .oo-ui-processDialog-errors {
212 -webkit-overflow-scrolling: touch
;
214 .oo-ui-processDialog-content .oo-ui-window-head {
215 height: 3.14285714em;
217 .oo-ui-processDialog-content .oo-ui-window-body {
219 outline: 1px solid
#c8ccd1;
221 .oo-ui-processDialog-navigation {
223 height: 3.14285714em;
225 .oo-ui-processDialog-location {
226 height: 3.14285714em;
230 .oo-ui-processDialog-title {
232 line-height: 3.14285714em;
234 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
235 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
236 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
237 margin: 0.42857143em;
239 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-iconElement:first-child
,
240 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-iconElement:first-child
,
241 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-iconElement:first-child {
244 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-iconElement
> .oo-ui-buttonElement-button
,
245 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-iconElement
> .oo-ui-buttonElement-button
,
246 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button {
247 padding-left: 2.42857143em;
249 min-height: 3.14285714em;
251 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-iconElement
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
252 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-iconElement
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
253 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
256 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement:first-child
,
257 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement:first-child
,
258 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-labelElement:first-child {
261 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement
> .oo-ui-buttonElement-button
,
262 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement
> .oo-ui-buttonElement-button
,
263 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button {
266 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement
.oo-ui-iconElement
> .oo-ui-buttonElement-button
,
267 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement
.oo-ui-iconElement
> .oo-ui-buttonElement-button
,
268 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button {
269 padding-left: 2.17857143em;
271 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement-label
,
272 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement-label
,
273 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-labelElement-label {
274 line-height: 1.42857143em;
276 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless:hover
,
277 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless:hover {
278 background-color: rgba
(0, 0, 0, 0.05);
280 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless:active
,
281 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless:active {
282 background-color: rgba
(0, 0, 0, 0.1);
284 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-progressive:hover
,
285 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:hover {
286 background-color: rgba
(8, 126, 204, 0.05);
288 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-progressive:active
,
289 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:active {
290 background-color: rgba
(8, 126, 204, 0.1);
292 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-progressive
.oo-ui-labelElement-label
,
293 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
296 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-destructive:hover
,
297 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:hover {
298 background-color: rgba
(212, 83, 83, 0.05);
300 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-destructive:active
,
301 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:active {
302 background-color: rgba
(212, 83, 83, 0.1);
304 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement {
307 .oo-ui-processDialog > .oo-ui-window-frame {
310 .oo-ui-processDialog-errors {
311 background-color: rgba
(255, 255, 255, 0.9);
312 padding: 3em 3em 1.5em 3em;
315 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
316 margin: 2em 1em 2em 1em;
318 .oo-ui-processDialog-errors-title {
323 .oo-ui-processDialog-error {
327 border: 1px solid
#d33;
328 background-color: #fff7f7;
332 .oo-ui-windowManager-modal > .oo-ui-dialog {
339 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
348 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active > .oo-ui-window-frame {
356 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
362 .oo-ui-windowManager-modal-active {
366 .oo-ui-windowManager-modal > .oo-ui-dialog {
367 background-color: rgba
(255, 255, 255, 0.5);
369 -webkit-transition: opacity ease-out
250ms;
370 -moz-transition: opacity ease-out
250ms;
371 transition: opacity ease-out
250ms;
373 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
374 background-color: #fff;
376 -webkit-transform: scale
(0.5);
377 -moz-transform: scale
(0.5);
378 -ms-transform: scale
(0.5);
379 transform: scale
(0.5);
380 -webkit-transition: all ease-out
250ms;
381 -moz-transition: all ease-out
250ms;
382 transition: all ease-out
250ms;
384 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
387 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
389 -webkit-transform: scale
(1);
390 -moz-transform: scale
(1);
391 -ms-transform: scale
(1);
394 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
398 max-height: calc
( 100% - 2em );
399 border: 1px solid
#a2a9b1;
401 box-shadow: 0 2px 2px 0 rgba
(0, 0, 0, 0.25);